@import "../../sass/config"
@import "../../sass/mixin"
.searchPage
  padding: 20px
  background-color: #eeecec
  position: absolute
  top: 0px
  bottom: 0px
  left: 0px
  right: 0px
  overflow-y: scroll
  border-bottom: 1px solid #f1efef
  .search
    display: flex
    margin-bottom: 20px
    .searchFont
      height: 60px
      background-color: #b9ab9d
      border-radius: 30px
      font-size: 27px
      padding: 0 30px
      flex: 1
      margin-right: 12px
      color: #fff
    .searchBtn
      height: 60px
      line-height: 60px
      padding: 0px
      margin: 0px
      background-color: #99714b
      width: 140px
      border-radius: 30px
      font-size: 27px
      color: #e6e5e5
      &::after
        border: none
  .hotSearch
    margin-top: 12px
    .title_font
      display: flex
      align-items: center
      margin-bottom: 12px
      font-size: 28px
      color: #5b5a5a
      font-weight: bold
    .hotSearchList
      margin-left: -20px
      display: flex
      flex-wrap: wrap
    .item
      display: flex
      align-items: center
      justify-content: center
      background-color: #ab8f74
      font-size: 24px
      height: 45px
      border-radius: 25px
      padding: 0 18px
      margin-left: 20px
      color: #fff
      margin-bottom: 12px
  .empty
    display: flex
    flex-direction: column
    justify-content: center
    align-items: center
    color: #ccc
    image
      margin-top: 220px
      width: 220px
      height: 220px
  .title
    display: block
    color: #99714b
    margin-bottom: 12px
    font-size: 32px
    font-weight: bold
  .author
    @include flexBetween
    background-color: #fff
    border-radius: 7px
    box-shadow: 0px 0px 4px 0px #d4d3d3
    padding: 20px
    height: 140px
    margin-bottom: 20px
    .left
      display: flex
      flex: 1
      overflow: hidden
    .info
      display: flex
      flex-direction: column
      justify-content: stretch
      flex: 1
      overflow: hidden
      .username
        color: $themeColor
        margin-bottom: 6px
      .description
        color: #878181
        font-size: 28px
        @include textNowrap
      .num
        font-size: 28px
        color: #cccccc
    .avatarImg
      width: 140px
      height: 140px
      margin-right: 20px
      border-radius: 5px
    .rightIcon
      width: 60px
      height: 60px
  .groupItem
    background-color: #fff
    border-radius: 12px
    padding: 10px 20px
    margin-bottom: 20px
    .tagList
      display: flex
      margin-bottom: 12px
      margin-top: 12px
      .tagItem
        padding: 0px 12px
        height: 40px
        line-height: 40px
        font-size: 27px
        background-color: #b29e8b
        color: #fff
        border-radius: 7px
        margin-right: 12px
    .blockList
      display: grid
      grid-template-columns: repeat(auto-fill, 130px)
      justify-content: space-between
      image
        border-radius: 6px
        width: 120px
        height: 120px
    .title
      display: flex
      justify-content: space-between
      align-items: center
      height: 70px
      padding: 0 10px
      .title_font
        display: flex
        align-items: center
        font-size: 28px
        color: #5b5a5a
        font-weight: bold
      .title_link
        font-size: 24px
        color: #959292
      .icon
        width: 60px
        height: 60px
